<style>
#dept-user-query{padding: 0px !important;}
.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}
.gridtable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
     background-color: #dedede;
}
.gridtable td {
     border-width: 1px;
     padding: 8px;
     border-style: solid;
     border-color: #666666;
     background-color: #ffffff;
 }
</style>
<div class="layui-form-item">
    <label class="layui-form-label">密码</label>
    <div class="layui-input-inline">
      <input type="text" name="user-query" placeholder="请输入密码" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-form-mid layui-word-aux" id="dept-user-query">
        <button class="layui-btn layui-btn-normal" onclick="opt.query()">查 询</button>
    </div>
  </div>
  <table id="dept-user-query-table" class="gridtable">
    <thead>
      <tr>
        <th style="width:80px;">姓名</th>
        <th style="width:100px;">昵称</th>
        <th style="width:100px;">登录账号</th>
        <th style="width:100px;">电话</th>
        <th style="width:40px;">性别</th>
        <th style="width:40px;">头像</th>
        <th style="width:40px;"></th>
      </tr> 
    </thead>
    <tbody p-each="items">
      <tr>
        <td>{{trueName}}</td>
        <td>{{nickName}}</td>
        <td>{{loginName}}</td>
        <td>{{phone}}</td>
        <td>
            <span p-if="{{sex}} == 1">男</span>
            <span p-if="{{sex}} == 0">女</span>
            <span p-if="{{sex}} == -1">保密</span>
        </td>
        <td>
            <img p-bind="src:{{avatar}}?x-oss-process=style/img-baby-min-preview" width="32" height="32" class="img-responsive mini_img">
        </td>
        <td p-bind="data-id:{{id}}" onclick="opt.select(this)" align="center">
            <a href="javascript:"  style="color:red;">选择</a>
        </td>
      </tr>
    
    </tbody>
  </table>